import Vue from "vue";
import VueRouter from "vue-router";

//一级路由
import Home from "../views/Home";
import Login from "../views/Login";

//二级路由
import News from "../views/Home/components/News";
import Music from "../views/Home/components/Music";
import Game from "../views/Home/components/Game";

Vue.use(VueRouter);

export default new VueRouter({

    //设置路由模式为history模式!!!!
    mode: "history",

    //使用routes配置项配置路由表
    routes: [{
            path: "/home",
            component: Home,
            //如果当前的路由设置有默认子路由,则不建议书写name命名路由
            // name: "Home",
            //默认子路由配置方式2
            redirect: "/home/news",
            children: [{
                    //二级路由及多级路由的path两种写法:1.完整的路径  2.只写当前二级路由的字符串地址,不带/
                    path: "news",
                    component: News,
                    name: "News",
                },
                {
                    path: "music",
                    component: Music,
                    name: "Music",
                },
                {
                    path: "game",
                    component: Game,
                    name: "Game",
                },
                //默认子路由配置方式1
                /*  {
                  path: "",
                  redirect: "/home/news",
                }, */
            ],
        },
        {
            path: "/login",
            component: Login,
            name: "Login",
        },
        //匹配默认路由
        {
            path: "/",
            //重定向的配置
            redirect: "/home",
        },
    ],
})